<!DOCTYPE html>
<html>
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
		<title>
			Alphabetic table
		</title>
		<style type="text/css">
			td 
			{
			text-align:center; 
			width:20%
			}
			td.thin-right 
			{
			text-align:right; 
			width:20%
			}
			td.thin-left 
			{
			text-align:left; 
			width:20%
			}
			td.thin-bottom 
			
			{
			text-align:right; 
			vertical-align:bottom; 
			width:20%
			}
		</style>
	</head>
	<body>
		<table border=1>
			<tr>
				<td colspan=3>
					Title goes here
				</td>
				<td>
					A
				</td>
				<td class="thin-right">
					B
				</td>
			</tr>
			<tr>
				<td class="thin-left" rowspan=3>
					C
				</td>
				<td>
					D
				</td>
				<td>
					E
				</td>
				<td>
					F
				</td>
				<td class="thin-right">
					G
				</td>
			</tr>
			<tr>
				<td>
					H
				</td>
				<td colspan=2>
					I
				</td>
				<td class="thin-bottom" rowspan=2>
					J
				</td>
			</tr>
			<tr>
				<td>
					K
				</td>
				<td>
					L
				</td>
				<td>
					M
				</td>
			</tr>
			<tr>
				<td class="thin-right">
					N
				</td>
				<td colspan=4>
					O
				</td>
			</tr>
		</table>
	</body>
</html>